import "../register/register.css";
import "./SignaturePwd.css";
import StepComp from "./signStepComp";
import StepOne from "./signStepOne";
import StepTwo from "./signStepTwo";
import StepThree from "./signStepThree";

export default function ForGetPwd(props) {
    const params = $state.params;
    const { step } = params || {};

    if (!params.step) {
        params.step = 1;
    }

    return (
        <div className={"regi-center"}>
            <div className={"regi-content"}>
                <div className={"step-comp-wrapper"}>
                    <StepComp step={params.step} />
                </div>
                {renderCenter(params.step)}
            </div>
        </div>
    );

    function renderCenter(step) {
        if (step == 1) {
            return <StepOne />;
        } else if (step == 2) {
            return <StepTwo />;
        } else if (step == 3) {
            return <StepThree />;
        }
        return null;
    }
}
